<template>
  <div class="feng">
  
   <h1 style="color:white">大川药房，欢迎您！</h1>
   <div class="yun">
    
   <div class="shurukuang1">
   <el-input
  placeholder="请输入手机号"
  v-model="input1"
  clearable>
</el-input>
</div>
<div class="shurukuang2">
   <el-input
  placeholder="请输入验证码"
  v-model="input2"
  clearable>
</el-input>
</div>
</div>
<div class="anniu1">
    <el-button type="success" plain>登录</el-button>
</div>
 
<div class="anniu2">
    <el-button type="success" plain >注册</el-button>
</div>
  </div>
</template>
<script>
export default {
    name:"zhuce",
    data(){
        return{
            input1:"",
            input2:""
                
        }
    },
    methods:{
      
    }

}
</script>
<style>
.feng{
  width: 100%;
  height: 700px;
  text-align: center;
  background-image: url(../assets/药店.png);
  background-size: 100% ;
  position: relative;
}
.yun{
    /* border: 1px solid black; */
    position: absolute;
     width: 60%;
    height: 110px;
    top: 50%;
    left: 20%;
}
/* .shurukuang1{
    position: absolute;
    width: 60%;
    height: 30px;
    top: 50%;
    left: 20%;
} */
.shurukuang1,.shurukuang2{
    margin-top: 15px;
}
.anniu1{
      position: absolute;
       height: 30px;
       top: 68%;
    left: 22%;
}
.anniu2{
      position: absolute;
       height: 30px;
       top: 68%;
       left: 60%;
}
</style>